<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>学生信息管理系统</title>
    <link rel="stylesheet" th:href="@{Css/bootstrap4.6.2.css}">
    <script th:src="@{JS/jquery.slim.min.js}"></script>
    <script th:src="@{JS/bootstrap.min.js}"></script>
    <style>
        body {
            font-family: Arial, sans-serif;
        }
        table {
            border-collapse: collapse;
            width: 100%;
        }
        th, td {
            border: 1px solid #ddd;
            padding: 8px;
            text-align: left;
        }
        th {
            background-color: #f2f2f2;
        }
        a {
            text-decoration: none;
            color: blue;
        }
        a:hover {
            text-decoration: underline;
        }
        .container {
            position: relative !important;
        }
        .info-img {
            width: 30px;
            height: 30px;
        }
        .page-item {
            display: flex;
            justify-content: center;
            align-items: center;
            text-align: center;  /* 如果你只想让文字水平居中，而不影响其他元素，可以添加此行 */
            padding-right: 10px;
        }
    </style>
</head>
<body>
<table border="1" class="table table-striped">
    <thead>
    <tr>
        <th>编号</th>
        <th>姓名</th>
        <th>职位</th>
        <th>级别</th>
        <th>入职日期</th>
        <th>工资</th>
        <th>奖金</th>
        <th>部门编号</th>
        <th>部门</th>
        <th>办公地点</th>
    </tr>
    </thead>
    <tbody>
    <tr th:each="emp : ${empListMore}">
        <td th:text="${emp.empNo}"></td>
        <td th:text="${emp.eName}"></td>
        <td th:text="${emp.job}"></td>
        <td th:text="${emp.mgr}"></td>
        <td th:text="${emp.hirdate}"></td>
        <td th:text="${emp.sal}"></td>
        <td th:text="${emp.comm}"></td>
        <td th:text="${emp.deptNo}"></td>
        <td th:text="${emp.dept.dName}"></td>
        <td th:text="${emp.dept.loc}"></td>
    </tr>
    </tbody>
</table>
<table border="1">
    <thead>
    <tr>
        <th>部门编号</th>
        <th>部门名称</th>
        <th>所在地</th>
        <th>编号</th>
        <th>姓名</th>
        <th>职位</th>
        <th>级别</th>
        <th>入职日期</th>
        <th>工资</th>
        <th>奖金</th>
    </tr>
    </thead>
    <tbody>
    <tr>
        <td rowspan="3">10</td>
        <td rowspan="3">人事部</td>
        <td rowspan="3">北京</td>
    </tr>
    <tr>
        <td>1001</td>
        <td>宋江</td>
        <td>董事长</td>
    </tr>
    <tr>
        <td>10011</td>
        <td>卢俊义</td>
        <td>董事助理</td>
    </tr>
    <tr>
        <td rowspan="3">20</td>
        <td rowspan="3">软件部</td>
        <td rowspan="3">深圳</td>
    </tr>
    <tr>
        <td>2001</td>
        <td>林冲</td>
        <td>项目经理</td>
    </tr>
    <tr>
        <td>20011</td>
        <td>李逵</td>
        <td>项目组账</td>
    </tr>
    <tr>
        <td rowspan="3">30</td>
        <td rowspan="3">销售部</td>
        <td rowspan="3">杭州</td>
    </tr>
    <tr>
        <td>3001</td>
        <td>母夜叉</td>
        <td>销售经理</td>
    </tr>
    <tr>
        <td>30011</td>
        <td>张青</td>
        <td>销售经理</td>
    </tr>
    </tbody>
</table>
</body>
</html>